.pulsing-dot {
	background: var( --color-neutral-0 );
	transform: translate3d( 0, 0, 0 );
	position: absolute;
		top: 45%;
		left: 50%;
	margin-left: -20px 0 0 -20px;
	display: block;
	width: 6px;
	height: 6px;
	border: none;
	box-shadow: 0 0 0 0 rgba( 168, 190, 206, 0.7 );
	border-radius: 100%;
	v-align: middle;
	animation: dot-pulse 1.25s infinite cubic-bezier( 0.66, 0, 0, 1 );
	animation-play-state: paused;

	&.is-active {
		animation-play-state: running;
	}
}

@keyframes dot-pulse {
	to {
		box-shadow: 0 0 0 15px rgba( 90, 153, 220, 0 );
	}
}
